%modal-dialog > label {
  background-color: rgba($ui-white, 0.9);
}
%modal-window {
  box-shadow: 2px 8px 8px 0 rgba($ui-black, 0.1);
}
%modal-window {
  /*%frame-gray-000*/
  background-color: $ui-white;
  border: $decor-border-100;
  border-color: $ui-gray-300;
}
%modal-window > footer,
%modal-window > header {
  /*%frame-gray-000*/
  border: 0 solid;
  background-color: $ui-gray-050;
  border-color: $ui-gray-300;
}
%modal-window > footer {
  border-top-width: 1px;
}
%modal-window > header {
  border-bottom-width: 1px;
}
%modal-window.warning > header {
  @extend %with-warning;
  text-indent: 20px;
}

%modal-window > header [for='modal_close'] {
  @extend %bg-icon;
  background-image: $cancel-plain-svg;
  background-size: 80%;

  cursor: pointer;
  /*%frame-gray-000*/
  background-color: $ui-gray-050;
  border: $decor-border-100;
  border-color: $ui-gray-300;
  border-radius: $decor-radius-100;
}
